<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    <%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	#container{
		width: 100%;
		border: 1px solid black;
		margin-left: auto;
		margin-right: auto; /* 좌우 여백 동일하게 하여 중앙 정렬 효과*/
	}
	#header{
		padding: 5px; /* 내용과 테두리 사이 간격 할당 */
		border-bottom: 1px solid black;
	}
	#left{
		padding: 5px;
		height: 550px;
		width: 25%;
		float: left; /* 엘리먼트 부유 위치를 left 로 지정해 left 와 main 이 수평으로 배치되게 한다 */
	}
	#main{
		padding: 5px;
		height: 550px;
		float: left;
		border-left: 1px solid black;
	}
	#footer{
		text-align: center;
		padding: 5px;
		border-top: 1px solid black;
		height: 70px;
		clear: both; /* float 을 사용한 요소의 아래에 위치시키기 위해 float 속성 초기화 시킴*/
	}
</style>
</head>
<body>
<div id="container">
<div id="header"><tiles:insertAttribute name="header" /></div>
<div id="left"><tiles:insertAttribute name="left" /></div>
<div id="main"><tiles:insertAttribute name="main" /></div>
<div id="footer"><tiles:insertAttribute name="footer" /></div>
</div>
</body>
</html>